<template>
  <div class="home">
  </div>
</template>

<script>
// @ is an alias to /src
//axios配置参数都有哪些
import axios from 'axios'
export default {
  name: 'Home',
  created(){
      axios.create({
          baseURL:'http://localhost:8080',//请求的域名。基本地址
          timeout:1000,//请求超时时长(ms)
          url:'/data.json',//请求的路径
          method:'get,post,put,patch,delete',//请求方法
          headers:{
              token:''
          },//请求头
          params:{},//请求参数拼接在url
          data:{}//请求参数放在请求体
      })

      //下面配置的优先级从低到高
  
    //1.axios全局配置
    axios.defaults.timeout=1000
    axios.defaults.baseURL='http://localhost:8080'
    //2.axios实例配置
    //如果create里面没有参数时，默认全局配置
    //如果创建完实例，可以用全局配置修改
    let instance=axios.create()
    instance.defaults.timeout=3000
    //3.axios请求配置
    instance.get('/data.json',{
        timeout:5000
    })

    //实际开发
    //有两种请求接口：
    //http://localhost:9090
    //http://localhost:9091
    let instance=axios.create({
      baseURL:'http://localhost:9090',
      timeout:1000

    })
    let instance1=axios.create({
        baseURL:'http://localhost:9091',
        timeout:3000

    })
    //用到了以下五种参数:baseUrl,timeout,url,method,params
    instance.get('/contanctList',{
      params:{}
    }).then(res=>{
      console.log(res)
    })
    //实例2
    //用到了以下四种参数:baseUrl,timeout,url,method
    instance1.get('/orderList',{
      timeout:5000
    }).then(res=>{
      console.log(res)
    })
  }
}
</script>